!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
    <style>

        #F {
            width: 150px;
            height: 200px;
            background-image: url(./5.png);
            background-repeat: no-repeat;
            background-position: 20px -180px;
        }

        #H{
            width: 150px;
            height: 200px;
            background-image: url(./5.png);
            background-repeat: no-repeat;
            background-position: -375px -360px;
        }

        #B{
            width: 150px;
            height: 200px;
            background-image: url(./5.png);
            background-repeat: no-repeat;
            background-position: -180px 1px;
        }
    </style>

</head>

<body>
    <a class="second" href="./CSS.html">回到CSS</a><br>
    <!-- F -->
    <div id="F"></div>
    <!-- H -->
    <div id="H"></div>
    <!-- B -->
    <div id="B"></div>
</body>

</html>